/* Put your CSS here */
#CQgame{
width:512px;
  height:615px;
    background-color:#f1f1f1;
    overflow:hidden;
    margin-left:300px;
}
#CQboard{
    position:relative;
    top:12px;
    left:10px;
    width:490px;
    height:391px;
    border: 1px solid #fff;
}
.CQsegment{
    position:absolute;
    width:99px;
    height:99px
}

#CQinfo{
    width: 189px;
    height: 180px;
    position: relative;
    z-index: 10;
    top: -540px;
    left: -160px;
}

.CQinfoContent a:link, .CQinfoContent a:visited{
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    color: #fff;
}

.CQinfoContent a:hover{
    text-decoration:none;
    color:#fff;
}
.CQinfoContent{
    float: left;
    width: 140px;
    height: 160px;
    background-color: #d76009;
    padding: 10px;
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
}
.CQinfoBtn {
    cursor:pointer;
    float: right;
    background-color: #d76009;
    width: 29px;
    height: 27px;
    background-image: url(../img/i.png);
    background-repeat: no-repeat;
    background-position: 7px;
}

.CQklicksegment{
    position:absolute;
    width:99px;
    height:99px;
    background-image: url(../img/ecke_orange.png);
    background-repeat: no-repeat;
    background-position:-10px -1px;
}

.CQstartScreen{
    top:99px;
    left:99px;
    position:relative;
    background-image: url(../img/startbild.png);
    background-repeat: no-repeat;
    width:390px;
    height:196px;
}

.CQresult-bg{
    position:relative;
    top:241px;
    left: 0px;
    background-image: url(../img/ecke_auswertung.png);
    background-position:bottom;
    background-repeat: no-repeat;
    width:295px;
    height:150px;
}

.CQresult-bg div.CQanswer{
    position: absolute;
    font-family: Arial;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    color: #fff;
    top: 95px;
    left: 80px;
}
.CQstern{
    position:absolute;
    top:0px;
    left: 0px;
    width:115px;
    height:115px;
}

a:link.CQgoBtn{
    position:relative;
    background-image: url(../img/button_go_normal.png);
    width:103px;
    height:103px;
    display:block;
}

a:hover.CQgoBtn{
    background-image: url(../img/button_go_hover.png);
}

.CQstart{
    top:45px;
    left: 240px;
}

.CQresult{
    top:50px;
    left:190px;
}

#CQquestions{
    position:relative;
    top:12px;
    left:10px;
    width:490px;
    height:195px;
    clear:both;
    border:1px solid #fff;
}

div.CQheader{
    background-image: url(../img/wer-ist-das.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height:37px;
    clear:both;
}
#CQquestions ul{
    margin:0px;
    padding:0px;
    width:100%;
    list-style: none;
}

#CQquestions ul li{
    width:153px;
    height:150px;
    padding:5px;
    float:left;
    display: inline;
}

#CQquestions ul li a:link,#CQquestions ul li a:visited,
#CQquestions ul li a:active{
    background-image: url(../img/button_wahl_normal.png);
    width:101px;
    height:60px;
    display:block;
    margin-left:25px;
    text-decoration: none;
}
#CQquestions ul li a:link span,#CQquestions ul li a:visited span,
#CQquestions ul li a:active span{
    font-family: Arial;
    font-weight: bold;
    font-size: 13pt;
    color: #ffffff;
    text-align: center;
    padding-top:13px;
    padding-left:4px;
    width:100px;
    display: block;

}
#CQquestions ul li a:hover{
    background-image: url(../img/button_wahl_hover.png);
}

#CQquestions ul li div{
    font-family: Arial;
    font-weight: bold;
    font-size: 0.9em;
    color: #007BC2;
    width:100%;
    text-align:center;

}

.CQrotate0{
    background-image: url(../img/kachel.png);
}
.CQrotate90{
    background-image: url(../img/kachel90.png);
}
.CQrotate-90{
    background-image: url(../img/kachel-90.png);
}
.CQrotate180{
    background-image: url(../img/kachel180.png);
}
.CQtile{
    width:98px;
    height:98px;
    float:left;
}


